<template>
    <!--<div>
        <div class="tzgg">
            <div class="t_top">
                <span>首页>通知公告</span>
            </div>

            <div class="t_x">
                <div class="t_x_left">
                    <div class="t_x_left_t">
                        <span class="z">通知公告</span>
                        <span class="r"><img src="../../assets/images/jiantouBlue.jpg"></span>
                    </div>
                </div>

                <div class="t_x_right">
                        <ul class="dynews">
                            <li>
                                <span><a href="#">构接共适电干际区全门回多物确却厂。</a></span>
                                <span class="ydcs">阅读次数:{{tz.x1}}</span>
                                <span>2018-09-14</span>
                            </li>
                            <li>
                                <span><a href="#">目识压年间图影这被白且周向选重重决叫求。</a></span>
                                <span class="ydcs">阅读次数:{{tz.x1}}</span>
                                <span>2018-09-14</span>
                            </li>
                            <li>
                                <span><a href="#">分我青王米许适代北法光她习矿究对统好律更。</a></span>
                                <span class="ydcs">阅读次数:{{tz.x1}}</span>
                                <span>2018-09-14</span>
                            </li>
                            <li>
                                <span><a href="#">资记行思放系文石七又质第感时当建月题。</a></span>
                                <span class="ydcs">阅读次数:{{tz.x1}}</span>
                                <span>2018-09-14</span>
                            </li>
                            <li>
                                <span><a href="#">条程口行响情连别率律用果者具入。</a></span>
                                <span class="ydcs">阅读次数:{{tz.x1}}</span>
                                <span>2018-09-14</span>
                            </li>
                            <li>
                                <span><a href="#">包叫改九派增识消学中着见场精共张边即北明。</a></span>
                                <span class="ydcs">阅读次数:{{tz.x1}}</span>
                                <span>2018-09-14</span>
                            </li>
                            <li>
                                <span><a href="#">包叫改九派增识消学中着见场精共张边即北明。</a></span>
                                <span class="ydcs">阅读次数:{{tz.x1}}</span>
                                <span>2018-09-14</span>
                            </li>
                            <li>
                                <span><a href="#">包叫改九派增识消学中着见场精共张边即北明。</a></span>
                                <span class="ydcs">阅读次数:{{tz.x1}}</span>
                                <span>2018-09-14</span>
                            </li>
                            <li>
                                <span><a href="#">包叫改九派增识消学中着见场精共张边即北明。</a></span>
                                <span class="ydcs">阅读次数:{{tz.x1}}</span>
                                <span>2018-09-14</span>
                            </li>
                            <li>
                                <span><a href="#">包叫改九派增识消学中着见场精共张边即北明。</a></span>
                                <span class="ydcs">阅读次数:{{tz.x1}}</span>
                                <span>2018-09-14</span>
                            </li>
                        </ul>
                </div>
            </div>



        </div>
    </div>-->
    <div class="tzgg">
        <div class="t_top">
            <span>首页>通知公告</span>
        </div>
        <div class="contentWidth box">
            <sider-bar-component :menus="menus" class="aside"></sider-bar-component>
            <article-component :datalist="articleList" class="articleList"></article-component>
        </div>
    </div>
</template>

<script>
    import siderBarComponent from '../../components/siderBarComponent.vue'
    import articleComponent from '../../components/articleComponent.vue'
    export default {
        name: "tzgg",
        components:{
            siderBarComponent,
            articleComponent
        },
        data(){
            return{
                menus:['通知公告'],
                articleList:[
                    {
                        id:1,
                        url:'http://www.baidu.com',
                        title: '人民日报聚焦地方政治生态，肃清腐败余毒',
                        count:1982,
                        rtext:'张晓波'
                    },
                    {
                        id:2,
                        url:'http://www.baidu.com',
                        title: '人民日报聚焦地方政治生态，肃清腐败余毒',
                        count:1982,
                        rtext:'张晓波'
                    },
                    {
                        id:3,
                        url:'http://www.baidu.com',
                        title: '人民日报聚焦地方政治生态，肃清腐败余毒',
                        count:1982,
                        rtext:'张晓波'
                    },
                    {
                        id:4,
                        url:'http://www.baidu.com',
                        title: '人民日报聚焦地方政治生态，肃清腐败余毒',
                        count:1982,
                        rtext:'张晓波'
                    },
                    {
                        id:5,
                        url:'http://www.baidu.com',
                        title: '人民日报聚焦地方政治生态，肃清腐败余毒',
                        count:1982,
                        rtext:'张晓波'
                    },
                    {
                        id:6,
                        url:'http://www.baidu.com',
                        title: '人民日报聚焦地方政治生态，肃清腐败余毒',
                        count:1982,
                        rtext:'张晓波'
                    },
                    {
                        id:7,
                        url:'http://www.baidu.com',
                        title: '人民日报聚焦地方政治生态，肃清腐败余毒',
                        count:1982,
                        rtext:'张晓波'
                    },
                    {
                        id:8,
                        url:'http://www.baidu.com',
                        title: '人民日报聚焦地方政治生态，肃清腐败余毒',
                        count:1982,
                        rtext:'张晓波'
                    }
                ]
            }
        },
        methods:{
        }
    }
</script>

<!--
<style scoped lang="less">
    .tzgg{
        padding-top: 20px;
        width: 1200px;
        margin: 0 auto;
    }
    .t_top{
        width: 100%;
        height: 30px;
        background-color: #99a9bf;
        span{
            line-height: 30px;
            float: left;
        }
    }
    .t_x{
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 15px;
        .t_x_left{
            width: 25%;
            height: 500px;
        }
        .t_x_right{
            width: 70%;
            height: 500px;
        }
    }
    .t_x_left_t{
        width: 100%;
        height: 50px;
        border-top: #99a9bf solid 2px;
        border-bottom: #99a9bf solid 2px;
        font-size: 15px;
        color: #037EDB;
        .z{
            line-height: 50px;
            display: inline-block;
            float: left;
            margin-left: 7px;
        }
        .r{
            line-height: 50px;
            display: inline-block;
            float: right;
        }
        .r img{
            margin-top: 15px;
        }
    }
    /*新闻动态*/
    .dynews {
        width: 100%;

    }

    .dynews:after {
        content: '';
        display: block;
        clear: both;
    }

    .dynews li {

        line-height: 50px;
        height: 50px;
        background-image: url(../../assets/images/BluelistStyle.jpg);
        background-repeat: no-repeat;
        background-position: 0 center;
        padding-left: 10px;

        span:first-child {
            float: left;

        }
        span:last-child {
            float: right;
            margin-right: 10px;

        }
        .ydcs{
            display: block;
            float: left;
            color: #b0b5bf;

        }

    }


</style>-->
<style scoped lang="less">
    .tzgg{
        padding-top: 20px;
        width: 1200px;
        margin: 0 auto;
    }
    .t_top{
        width: 100%;
        height: 30px;
        background-color: #99a9bf;
        span{
            line-height: 30px;
            float: left;
        }
    }
    .box{
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
    .aside{
        width: 230px;

    }
    .articleList
    {
    /deep/ .dynews{
        width: 900px;
        margin-right: 10px;

    }
    }

    }
</style>
